$homepage-configuration-example-sprite-chart-bg: (0px, 0px, 0px, 0px, 2206px, 996px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'chart-bg');
$homepage-configuration-example-sprite-line1: (2144px, 1006px, -2144px, -1006px, 17px, 13px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'line1');
$homepage-configuration-example-sprite-line2: (2171px, 1006px, -2171px, -1006px, 17px, 13px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'line2');
$homepage-configuration-example-sprite-qr-code: (1948px, 1130px, -1948px, -1130px, 120px, 110px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'qr-code');
$homepage-configuration-example-sprite-report-bg: (0px, 1006px, 0px, -1006px, 640px, 284px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'report-bg');
$homepage-configuration-example-sprite-sample-bg: (650px, 1006px, -650px, -1006px, 640px, 284px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'sample-bg');
$homepage-configuration-example-sprite-statistics-title: (2090px, 1006px, -2090px, -1006px, 44px, 42px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'statistics-title');
$homepage-configuration-example-sprite-user-bg: (1300px, 1006px, -1300px, -1006px, 638px, 284px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'user-bg');
$homepage-configuration-example-sprite-user: (1948px, 1006px, -1948px, -1006px, 132px, 114px, 2206px, 1290px, '~homepage.configuration.example.248645f6910ec56c942fadbf1fc8a5ea.png', 'user');

$homepage-configuration-example-sprites: (
	chart-bg: $homepage-configuration-example-sprite-chart-bg,
	line1: $homepage-configuration-example-sprite-line1,
	line2: $homepage-configuration-example-sprite-line2,
	qr-code: $homepage-configuration-example-sprite-qr-code,
	report-bg: $homepage-configuration-example-sprite-report-bg,
	sample-bg: $homepage-configuration-example-sprite-sample-bg,
	statistics-title: $homepage-configuration-example-sprite-statistics-title,
	user-bg: $homepage-configuration-example-sprite-user-bg,
	user: $homepage-configuration-example-sprite-user,
);

@mixin homepage-configuration-example-sprite-width($sprite) {
    width: nth($sprite, 5);
}

@mixin homepage-configuration-example-sprite-height($sprite) {
    height: nth($sprite, 6);
}

@mixin homepage-configuration-example-sprite-position($sprite) {
    $sprite-offset-x: nth($sprite, 3);
    $sprite-offset-y: nth($sprite, 4);
    background-position: $sprite-offset-x $sprite-offset-y;
}

@mixin homepage-configuration-example-sprite-size($sprite) {
    background-size: nth($sprite, 7) nth($sprite, 8);
}

@mixin homepage-configuration-example-sprite-image($sprite) {
    $sprite-image: nth($sprite, 9);
    background-image: url(#{$sprite-image});
}

@mixin homepage-configuration-example-sprite($name) {
    @include homepage-configuration-example-sprite-image(map-get($homepage-configuration-example-sprites, #{$name}));
    @include homepage-configuration-example-sprite-position(map-get($homepage-configuration-example-sprites, #{$name}));
    @include homepage-configuration-example-sprite-size(map-get($homepage-configuration-example-sprites, #{$name}));
    @include homepage-configuration-example-sprite-width(map-get($homepage-configuration-example-sprites, #{$name}));
    @include homepage-configuration-example-sprite-height(map-get($homepage-configuration-example-sprites, #{$name}));
    background-repeat: no-repeat;
}

@mixin all-homepage-configuration-example-sprites() {
    @each $key, $val in $homepage-configuration-example-sprites {
        $sprite-name: nth($val, 10);
        .homepage-configuration-example-#{$sprite-name}-sprites {
            @include homepage-configuration-example-sprite($key);
        }
    }
}
